@import url("index.css");

.productList ul li .aBox h3{ margin-top: 18px; color: #333333; font-size: 18px; line-height: 24px; overflow: hidden;}

.productList ul li .aBox:hover h3{ color: #008996;}

.productList ul li .aBox .proTag{ padding-top: 6px;}

.productList ul li .aBox .proTag span{ float: left; margin: 5px 10px 0 0; border: #e2e2e2 solid 1px; color: #666666; line-height: 22px; padding: 0 8px;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

}

.productList ul li .aBox .proText{ margin-top:10px; height: 48px; color: #555555; font-size: 14px; line-height: 24px; overflow: hidden; }

.productList ul li .aBox .proButn{ margin-top: 18px; text-align: center;}

.productList ul li .aBox .proButn .but{ float: left; width: 45.71%; background-color: #aaaaaa; color: #fff; font-size: 14px; line-height: 40px;}

.productList ul li .aBox .proButn .but:hover{ background-color: #008996;}

.productList ul li .aBox .proButn .but.ri{ float: right; }

@media  screen and (max-width:991px){

    .productList ul li{ width: 50%; }

}

@media  screen and (max-width:767px){

    .productList ul li{ width: 100%; }

    .productList ul li .aBox h3{ margin-top: 10px;  font-size: 16px; }

    .productList ul li .aBox .proButn .but{ font-size: 14px; line-height: 36px;}

}

/*产品详情*/

.productCTop{ padding: 5% 0 4.16% 0;}

.productCTop .productLeft{ float: left; width: 565px; overflow: hidden;}

.productSlideTop{ border: #e1e1e1 solid 1px; position: relative;}

.productSlideTop .slick-slide{ padding:0;}

.productSlideTop .slick-slide img{ width: 100%;}

.productSlideTop .slick-prev{ position: absolute; width: 23px; height: 39px; left: 0; top: 50%; background: url("../images/pro7.jpg") no-repeat; background-size: cover;}

.productSlideTop .slick-prev:hover{background: url("../images/pro7_h.jpg") no-repeat; background-size: cover;}

.productSlideTop .slick-next{ position: absolute; width: 23px; height: 39px; right: 0; top: 50%; background: url("../images/pro8.jpg") no-repeat; background-size: cover;}

.productSlideTop .slick-next:hover{background: url("../images/pro8_h.jpg") no-repeat; background-size: cover;}

@media  screen and (max-width:1229px){

    .productCTop .productLeft{ width: 466px; }

}

@media  screen and (max-width:991px){

    .productCTop .productLeft{ width: 565px; margin-left: 86px;}

}

@media  screen and (max-width:767px){

    .productCTop .productLeft{ width: 100%; margin-left: 0;}

}

.productSlideDown{ padding-top: 17px; margin: 0 -9px;}

.productSlideDown .SlideDown{}

.productSlideDown .SlideDown .slick-slide{ }

.productSlideDown .SlideDown .slick-slide .dLi{padding: 0 10px;}

.productSlideDown .SlideDown .slick-slide .dLi .span{ position: relative; line-height: 0;}

.productSlideDown .SlideDown .slick-slide .dLi .span::before{ position: absolute; content:''; width: 100%; height: 100%; left: 0; top: 0; border: #e2e2e2 solid 1px; cursor: pointer; box-sizing: border-box;}

.productSlideDown .SlideDown .slick-slide.slick-current .dLi .span::before{ border-color: #e91122;}

.productSlideDown .SlideDown img{ width:100%;}

@media  screen and (max-width:767px){

    .productSlideDown{ padding-top: 10px; margin: 0 -2px;}

    .productSlideDown .SlideDown .slick-slide .dLi{ padding: 0 4px;}

}

.productRight{ float: right; width: 596px; }

.productRight h3{ padding-top: 4.02%; color: #333333; font-size: 24px; line-height:1.416; font-weight: bold; }

.productRight .busLine{ padding-top: 5px; padding-bottom: 4.02%; border-bottom: #ffffff solid 0px; color: #757575; font-size: 12px; line-height: 20px;}

.productRight .busList{ padding: 2.85% 0 7.38% 0; border-bottom: #e0e0e0 solid 0px;}

.productRight .busList .listLi{ padding: 5px 0; color: #757575; font-size: 14px; line-height: 26px;}

.productRight .busList .listLi span{ color: #333333; font-weight: bold;}

.productRight .busTag{ padding: 3.35% 0 4.19% 0; border-bottom: #e0e0e0 solid 1px;}

.productRight .busTag span{ float: left; margin: 5px 10px 0 0; border: #e2e2e2 solid 1px; color: #666666; line-height: 22px; padding: 0 8px;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

}

.productRight .busTag span:hover{ border-color: #008996; color: #008996;}

.productRight .busBtn{ padding-top: 7.04%;}

.productRight .busBtn .busButton{ float: left; padding: 0 56px; background-color: #008996; color: #fff; font-size: 16px; line-height: 40px; border: 0;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

    -webkit-appearance:none;

    outline: 0;

}

.productRight .busBtn .busLoad{ float: left; margin-left: 15px; border: #008996 solid 1px; padding: 0 22px;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

}

.productRight .busBtn .busLoad b{ float: left; width: 19px; height: 19px; margin: 10px 6px 0 0; line-height: 0;}

.productRight .busBtn .busLoad span{ float: left; color: #008996; font-size: 16px; line-height: 38px;}

.productRight .busBtn .shareRight{ float: right; margin-top: 8px;}

@media  screen and (max-width:1229px){

    .productRight{ width: 466px; }

    .productRight h3{ padding-top: 0; }

    .productRight .busList{ padding: 2.85% 0 3.7% 0; }

}

@media  screen and (max-width:991px){

    .productRight{ float: left; width: 100%;  }

    .productRight h3{ padding-top: 4.02%; font-size:20px; }

}

@media  screen and (max-width:767px){

    .productRight h3{ font-size:17px; }

    .productRight .busBtn{ padding-top: 3.5%; padding-bottom: 1.5%;}

    .productRight .busBtn .busButton{ padding: 0 20px; }

    .productRight .busBtn .busLoad{ margin-left: 10px; padding: 0 15px; }

}

.productSpecification{ border: #e0e0e0 solid 1px; margin-bottom: 5%;}

.productSpecification .hd{ background: url("../images/pro11.jpg") bottom repeat-x;}

.productSpecification .hd ul{}

.productSpecification .hd ul li{ float: left; padding: 0 26px; border-right:#e0e0e0 solid 1px; border-bottom:#e0e0e0 solid 1px; color: #757575; font-size: 14px; line-height: 59px; cursor: pointer; }

.productSpecification .hd ul li.on{ color: #008996; background-color: #ffedee; border-bottom-color: #ffedee;}

.productSpecification .bd{}

.productSpecification .bd .bdDhow{ color: #333333; font-size: 14px; line-height: 28px; padding: 2% 2.5% 3.75% 2.5%;}

@media  screen and (max-width:991px){

    .productSpecification .hd ul li{ line-height: 45px; }

}

@media  screen and (max-width:767px){

    .productSpecification .hd ul li{ line-height: 42px; }

}

.productTjBack{ background-color: #f8f8f8;}

.productTjBox{ padding: 4.75% 0 5% 0;}

.tjTitle{}

.tjTitle h4{ height: 30px; background: url("../images/pro13.png") center repeat-x; text-align: center;}

.tjTitle h4 span{ display: inline-block; padding: 0 20px; background-color: #f8f8f8; color: #000000; font-size: 24px; line-height: 30px;}

.tjTitle .tjTitDown{ padding-top: 7px; color: #9e9e9e; font-size: 14px; line-height: 20px; text-align: center; text-transform: uppercase;}

.productTjBox .tjdown{ padding-top: 2.91%; margin: 0 -15px;}

.productTjBox .tjdown li{  padding:0 15px;}

.productTjBox .tjdown li .zbox{ width:100%; float:left; }

.productTjBox .tjdown li .zbox .img{ overflow:hidden;}

.productTjBox .tjdown li .zbox .img img{

    transition: all 0.6s linear;

    -moz-transition: all 0.6s linear;

    -webkit-transition: all 0.6s linear;

    -o-transition: all 0.6s linear;

}

.productTjBox .tjdown li .zbox:hover .img img{

    transform: scale(1.1,1.1);

    -ms-transform: scale(1.1,1.1);

    -webkit-transform: scale(1.1,1.1);

    -o-transform: scale(1.1,1.1);

    -moz-transform: scale(1.1,1.1);}

.productTjBox .tjdown li .zbox .text{ padding:12px 5px 12px 15px; border-bottom:solid 1px #e6e6e6;}

.productTjBox .tjdown li .zbox .text .arrow{ float: right; width: 38px; height: 20px; margin-top: 19px; padding: 6px 0 5px 20px; border-left: #fff solid 1px; margin-right: 10px; line-height: 0;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.productTjBox .tjdown li .zbox:hover .text .arrow{ border-left: #e5e5e5 solid 1px; margin-right: 0;}

.productTjBox .tjdown li .zbox .text .caseRight{ padding-right: 60px;}

.productTjBox .tjdown li .zbox .text h4{ float: left; width: 100%; font-size:16px; color:#333; line-height:30px;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.productTjBox .tjdown li .zbox:hover .text h4{ color:#008996;}

.productTjBox .tjdown li .zbox .text h5{ float: left; width: 100%; font-size:14px; color:#999; line-height:28px;}

.productTjBox .tjdown .owl-prev{ position: absolute; width: 22px; height: 38px; left: -35px; top: 50%; margin-top: -19px; background: url("../images/pro14.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}

.productTjBox .tjdown .owl-prev:hover{background: url("../images/pro14_h.png") no-repeat; background-size: cover;}

.productTjBox .tjdown .owl-next{ position: absolute; width: 22px; height: 38px; right: -35px; top: 50%; margin-top: -19px; background: url("../images/pro15.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}

.productTjBox .tjdown .owl-next:hover{background: url("../images/pro15_h.png") no-repeat; background-size: cover; }

@media  screen and (max-width:991px){

    .tjTitle h4 span{ font-size: 24px; }

}

@media  screen and (max-width:767px){

    .tjTitle h4 span{ font-size: 18px; }

    .tjTitle .tjTitDown{ padding-top: 0; line-height: 16px; }

}

@media  screen and (max-width:991px){

    .productTjBox .tjdown li{ }

}

@media  screen and (max-width:767px){

    .productTjBox .tjdown{ margin: 0 -6px;}

    .productTjBox .tjdown li{ padding:0 6px;}

    .productTjBox .tjdown li .zbox .text{ padding:6px 3px 6px 0;}

    .productTjBox .tjdown li .zbox .text h4{ font-size:14px; line-height:22px;}

    .productTjBox .tjdown li .zbox .text h5{ font-size:12px; line-height:20px;}

    .productTjBox .tjdown li .zbox .text .arrow{ width: 30px; margin-top: 10px; padding: 6px 0 5px 12px; margin-right: 0; }

    .productTjBox .tjdown li .zbox .text .caseRight{ padding-right: 34px;}

}

.newMoreList{ float:left; width:100%; padding: 3% 0 4.18% 0;}



.newMoreList .newMoreTit{ color:#214c9f; font-size:18px; line-height:24px;}



.newMoreList .newDownBox{ margin: 0 -15px; padding: 22px 0 0 0;}



.newMoreList .newDownBox ul{}



.newMoreList .newDownBox ul li{ float:left; width:50%; padding: 0 15px;}



.newMoreList .newDownBox ul li a{ float:left; width:100%; border-bottom:1px solid #d7d8d8; color:#333333; font-size:14px; line-height:36px; overflow:hidden;text-overflow:ellipsis;}



.newMoreList .newDownBox ul li a.noLine{ border-bottom: 0;}



.newMoreList .newDownBox ul li a:hover{color:#214c9f;}



.newMoreList .newDownBox ul li span{ float:left; width: 70%;}



.newMoreList .newDownBox ul li b{float:right; color:#777777; font-size:14px; line-height:38px; font-weight: normal;}



@media  screen and (max-width:991px){



    .newMoreList .newDownBox{  padding:23px 0 30px 0;}



}



@media  screen and (max-width:767px){



    .newMoreList{ padding: 5% 0 4.18% 0;}



    .newShare{  margin:15px 0 0 0;  }



    .newMoreList .newDownBox{  padding:10px 0 10px 0;}



    .newMoreList .newDownBox ul li{ float:left; width:100%; padding: 0 15px;}



    .newMoreList .newDownBox ul li a.noLine{ border-bottom:1px solid #d7d8d8;}



}







.newPage{ float: left; width: 100%;  }



.newPage .pageLeft{ float: left; width: 50%; color: #333333; font-size: 14px; line-height: 20px;}



.newPage .pageLeft:hover{ color: #214c9f;}



.newPage .left{ padding: 20px 0 20px 0; text-transform: uppercase; }



.newPage .right{ padding: 20px 0 20px 0; text-align: right; text-transform: uppercase;}